<template>
  <div class="message width_100 height_100 flex-between" @click="setRightList">
    <message-box></message-box>
    <chat-box></chat-box>
  </div>
</template>

<script>
import chatBox from './components/chatBox/index'
import messageBox from './components/messageBox/index'
export default {
  name: 'message', // 消息
  components: {
    chatBox, messageBox
  },
  methods: {
    setRightList () {
      this.$store.commit('message/set_ifShowRightList', false)
      this.$store.commit('message/set_ifShowMsgRightList', null)
    }
  },
  created () {
  },
  beforeDestroy () {
    this.$store.commit('chatInformation/set_current_contact', {})
    this.$store.commit('message/set_ifShowRightList', false)
    this.$store.commit('message/set_ifShowMsgRightList', null)
  }
}
</script>

<style>

</style>
